<template>
  <div id="app">
    <nav-view></nav-view>
    <router-view></router-view>
   <tab-bar v-if="this.$store.state.showbar"></tab-bar>
  </div>
</template>

<script>

// const TabBar = ()=>import(/* webpackChunkName: "tabbar" */ "./components/Tabbar.vue")
import TabBar from "./components/Tabbar.vue"
const NavView=()=>import(/* webpackChunkName: "teach_tab" */ "./components/NavView.vue")
export default {
 components:{
  TabBar,
  NavView
 },
 created() {
   console.log(this.$store.state.showbar);
 },
}
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
  user-select: none;
  // height: 100vh;
  // overflow: hidden;
  a {
    text-decoration: none; /* 去除默认的下划线 */
     color: #a5a5a5; /* 去除默认的颜色和点击后变化的颜色 */
  }
}
#app{
  height: 100vh;
  overflow: hidden;
}


</style>
